import React, { PureComponent } from 'react';
import table from '../../../../../../../modules/handsontable/commonjs/3rdparty/walkontable/src/table';
import './table.less';


export default class Table extends PureComponent {
    constructor (props) {
        super(props)
        this.state = {
          tableHead:[
              '吸烟',
              '运动',
              '饮酒',
              '口味轻重',
              '身高(米)',
              '体重',
              'BMI',
              '腰围(cm)',
              '心率(次/分钟)',
              '收缩压(mmHg)',
              '舒张压(mmHg)',
              '空腹血糖(mmol/L)',
              '餐后2h血糖(mmol/L)',
              '低密度脂蛋白胆固醇(mmol/L)',
              '日常工作或活动量',
              '睡眠质量',
              '打鼾',
              '便秘',
              '饮食营养',
              '听诊(颈动脉/甲状腺/双肺/心脏查体/心律/心音等)',
              '口腔检查(牙周病程度等)',
              '足部检查(两侧对照：足背动脉/胫后动脉等)',
              '糖化血红蛋白(%)',
              '甘油三脂(mmol/L)',
              '总胆固醇(mmol/L)',
              '高密度脂蛋白胆固醇(mmol/L)',
              '血肌酐',
              'eGFR(ml/min/1.73m²)',
              '尿酸(μmol/L)',
              '血浆同型半胱氨酸(μmol/L)',
              'ALT',
              'AST',
              '血钠(mmol/L)',
              '血钾(mmol/L)',
              '尿微量白蛋白(mg/L)',
              '血常规/尿常规/心电图/双手合十照片/全身照/颜面(含颈部)照片/其它实验室检查',
          ],
        }
    }
    trDom(){
        const tableHead = this.state.tableHead
        return (
            <table className="tableName">
                <tbody>
                    <tr>
                        <td>
                            类别
                        </td>
                        <td>
                            指标
                        </td>
                    </tr>
                    <tr>
                        <td>
                            风险评估
                        </td>
                        <td>

                        </td>
                    </tr>
                    <tr>
                        <td rowSpan="25">
                            重点关注
                        </td>
                        <td>
                            吸烟
                        </td>
                    </tr>
                    <tr><td>运动</td></tr>
                    <tr><td>饮酒</td></tr>
                    <tr><td>口味轻重</td></tr>
                    <tr><td>身高(米)</td></tr>
                    <tr><td>体重</td></tr>
                    <tr><td>BMI</td></tr>
                    <tr><td>腰围(cm)</td></tr>
                    <tr><td>心率(次/分钟)</td></tr>
                    <tr><td>收缩压(mmHg)</td></tr>
                    <tr><td>舒张压(mmHg)</td></tr>
                    <tr><td>空腹血糖(mmol/L)</td></tr>
                    <tr><td>餐后2h血糖(mmol/L)</td></tr>
                    <tr><td>低密度脂蛋白胆固醇(mmol/L)</td></tr>
                    <tr><td>是否经常食用新鲜蔬菜和水果</td></tr>
                    <tr><td>日常工作或活动量</td></tr>
                    <tr><td>睡眠质量</td></tr>
                    <tr><td>打鼾</td></tr>
                    <tr><td>便秘</td></tr>
                    <tr><td>饮食习惯类型</td></tr>
                    <tr><td>每天喝多少水</td></tr>
                    <tr><td>饮食营养</td></tr>
                    <tr><td>听诊(颈动脉/甲状腺/双肺/心脏查体/心律/心音等)</td></tr>
                    <tr><td>口腔检查(牙周病程度等)</td></tr>
                    <tr><td>足部检查(两侧对照：足背动脉/胫后动脉等)</td></tr>
                    <tr>
                        <td rowSpan="3">
                            血糖
                        </td>
                        <td>
                            糖化血红蛋白(%)
                        </td>
                    </tr>
                    <tr><td>甘油三脂(mmol/L)</td></tr>
                    <tr><td>总胆固醇(mmol/L)</td></tr>
                    <tr>
                        <td rowSpan="11">
                        </td>
                        <td>
                            高密度脂蛋白胆固醇(mmol/L)
                        </td>
                    </tr>
                    <tr><td>血肌酐</td></tr>
                    <tr><td>eGFR(ml/min/1.73m²)</td></tr>
                    <tr><td>尿酸(μmol/L)</td></tr>
                    <tr><td>血尿酸(mmol/L)</td></tr>
                    <tr><td>血浆同型半胱氨酸(μmol/L)</td></tr>
                    <tr><td>ALT</td></tr>
                    <tr><td>AST</td></tr>
                    <tr><td>血钠(mmol/L)</td></tr>
                    <tr><td>血钾(mmol/L)</td></tr>
                    <tr><td>幽门螺杆菌</td></tr>
                    <tr><td>其它</td><td>尿微量白蛋白(mg/L)</td></tr>
                    <tr>
                        <td>照片</td>
                        <td>血常规/尿常规/心电图/双手合十照片/全身照/颜面(含颈部)照片/其它实验室检查</td>
                    </tr>
                </tbody>
            </table>
        )
    }
    render() {
        const tableHead = this.state.tableHead
        return (
            <div className="tables">
                {this.trDom()}
            </div>
        );
    }
}
